<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../lib/jquery-3.4.1.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <link rel="stylesheet" href="../../lib/bs/css/bootstrap.css">
        <link rel="stylesheet" href="../../CssTest/css/base.css">
</head>
<body>

     <div class="container">

         <h2 class="title">情景文本颜色</h2>



         <p class="text-muted">管理网保密须知text-muted</p>
         <p class="text-primary">管理网保密须知text-primary</p>
         <p class="text-success">管理网保密须知text-success</p>
         <p class="text-info">管理网保密须知text-info</p>
         <p class="text-warning">管理网保密须知text-warning</p>
         <p class="text-danger">管理网保密须知text-warning</p>


         <h2 class="title">情景背景色</h2>

         <p class="bg-muted">管理网保密须知text-muted</p>
         <p class="bg-primary">管理网保密须知text-primary</p>
         <p class="bg-success">管理网保密须知text-success</p>
         <p class="bg-info">管理网保密须知text-info</p>
         <p class="bg-warning">管理网保密须知text-warning</p>
         <p class="bg-danger">管理网保密须知text-warning</p>


         <h2 class="title">关闭按钮</h2>

         没看懂

         <h2 class="title">三角符号</h2>

         <span class="caret"></span>

         <h2 class="title">快速浮动</h2>

          <div class="pull-left">左侧浮动</div>
         <div class="pull-right">右侧浮动</div>




     </div>






</body>
</html>